// 引入主题支持文件
@import '~@angular/material/theming';

// 引入基础主题风格
@include mat-core();

//主色
$my-app-primary: mat-palette($mat-indigo);
// 第二色调
$my-app-accent:  mat-palette($mat-pink, A200, A100, A400);
// 定义错误颜色
$my-app-warn:  mat-palette($mat-red);
//定义主题
$my-app-theme: mat-light-theme($my-app-primary, $my-app-accent, $my-app-warn);

// 应用主题
@include angular-material-theme($my-app-theme);

// 黑夜主题

//主色
$my-dark-primary: mat-palette($mat-blue-grey);
// 第二色调
$my-dark-accent:  mat-palette($mat-amber, A200, A100, A400);
// 定义错误颜色
$my-dark-warn:  mat-palette($mat-deep-orange);
//定义主题
$my-dark-theme: mat-dark-theme($my-dark-primary, $my-dark-accent, $my-dark-warn);

.myapp-dark-theme{
    @include angular-material-theme($my-dark-theme);
}